$(function(){
    

    // 调用获取用户信息的方法
    getUserInfo()

    // 为退出按钮绑定点击事件
    $('.logout').on('click',function(){
        // 询问用户是否退出登录
        layer.confirm('确定要退出登录吗?', {icon: 3, title:'提示'}, function(index){
            //do something
            // 要做的清除本地储存的数据，跳转到登录页面
            localStorage.clear()
            location.href = 'login.html'

            layer.close(index);
        });
    })
})


// 封装获取用户信息的方法
    function getUserInfo(){
        // 发起Ajax请求
        $.ajax({
            type:'GET',
            url:'http://api-breakingnews-web.itheima.net/my/userinfo',
            // 通过headers ，指定请求体对象
            // headers:{
            //     Authorization:localStorage.getItem('token')
            // },
            // 在 baseAPI 的JS文件中，当每次需要有权限的请求时，就调用里面的方法

            // 该请求方式对应的接口文档没有携带查询参数
            // 请求成功时的回调函数
            success:function(res){
                if(!res.data) return
                // console.log(res);
                if(res.status === 0){
                    // 获取数据成功
                    // console.log(res);
                    // 动态获取用户昵称，取到一个字符串，调取第一个字符，转大写
                    const name = (res.data.nickname || res.data.username)[0].toUpperCase()
                    // 因为res中没有 name这个属性，需要挂载一个自定义属性，方便模板引擎获取数据
                    res.data.textAvatar = name
                    // 渲染header区域用户信息
                    const htmlStr1 = template('tmpl-header',res)
                    $('#header-avatar').html(htmlStr1)
                    // 渲染左侧边栏区域用户信息
                    const htmlStr2 = template('tmpl-side',res)
                    $('.user-info-box').html(htmlStr2)
                    // 通过 layui.element.render() 方法，可以重新渲染页面上某一部分的 JS 效果
                    layui.element.render('nav','header-nav')
                }else{
                    // 获取数据失败
                    layer.msg('获取用户信息失败')
                }

            },
            // complete:function(res){
            //     // 判断身份认证是否成功
            //     if(res.responseJSON.message === '身份认证失败！' ){
            //         // 清空 localStorage 
            //         localStorage.clear()
            //         // 跳转到登录页面
            //         location.href = 'login.html'
            //     }
            // }
        })
    }
